<html>
<head>
    <style type="text/css">body {
        font-family: "SimHei";
        }
    @page{
        /*size: 195mm 234.75mm;*/
        size: 730px 895px;
        /*size: 604px 783px;*/

    }
    .page-container { height: 783px; overflow: hidden; }
    .icon3 {
        display: inline-block;
        width: 24px;
        height: 24px;
        border: 1px solid #666;
        box-sizing: border-box;
        border-radius: 50%;
        margin: 0 6px;
    }
    .icon3::after {
        display: block;
        width: 16px;
        height: 16px;
        border: 1px solid #666;
        box-sizing: border-box;
        border-radius: 50%;
        content: "";
        margin: 3px auto;
    }
    .icon2 {
        display: inline-block;
        border: 1px solid #666;
        transform: rotate(45deg);
        width: 12px;
        height: 12px;
        margin: 10px;
    }
    .icon1 {
        display: inline-block;
        width: 24px;
        height: 24px;
        border: 1px solid #fff;
        box-sizing: border-box;
        border-radius: 50%;
        margin: 0 6px;
    }
    .icon1::after {
        display: block;
        width: 16px;
        height: 16px;
        border: 1px solid #fff;
        box-sizing: border-box;
        border-radius: 50%;
        content: "";
        margin: 3px auto;
    }
    .text-fix-desc {
        text-align: center;
        font-size: 12px;
        line-height: 1.8;
    }
    .text-fix-title {
        font-size: 23px;
        margin-bottom: 18px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .page-item {
        display: block;
        width: 604px;
        height: 783px;
        overflow: hidden;
        position: relative;
        box-shadow:0px 0px 14px 0px rgba(0,0,0,1);
        margin-bottom: 10px;
    }
    .preview-image {
        display: block;
        width: 100%;
    }
    .page-cover {
        display: block;
        width: 100%;
    }
    .uplod-image {
        position: absolute;
        overflow: hidden;
    }
    .text-fix,
    .ornament,
    .text-edit {
        position: absolute;
    }
    .text-title {
        font-size: 45px;
        font-weight: bold;
        color: rgb(242, 212, 61);
        margin-top: 58px;
        text-align: center;
    }

    </style>

    <!--<link rel="stylesheet" href="style.css"/>-->


</head>


<body>
<div style=".p{height: 10px;}">
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
    <p>2017年7月7日 - freemark+ITextRenderer 生成PDF,设置pdf的页面大小 在html中添加样式,仅生成pdf是生效,浏览器展示时是不会生效的: @page{ size : 200mm 300 mm; } ...</p>
</div>


<!--<div style="margin: 0 auto">-->
<!--<div data-v-4d4421b7="" data-v-0f499830="" class="template template">-->
    <!--<div data-v-4d4421b7="" class="page-wrapper">-->
        <!--<div data-v-4d4421b7="" class="page-container">-->
            <!--<div data-v-4d4421b7="" class="page-item"-->
                 <!--style="background: url(rBAAEF0eufWERTB3AAAAANrtee8266.png) center center / cover no-repeat;"></div>-->
            <!--<div data-v-4d4421b7="" class="page-item" style="background: rgb(56, 147, 177); ">-->
                <!--<div data-v-4d4421b7="" data-paid="0" class="uplod-image"-->
                     <!--style="top: 70px; left: 57px; width: 272px; height: 272px; border: 9px solid rgb(255, 255, 255); background: url() center center / auto no-repeat rgb(240, 247, 255);"></div>-->
                <!--<div data-v-4d4421b7="" class="uplod-image"-->
                     <!--style="top: 390px; left: 200px; width: 272px; height: 327px; border: 9px solid rgb(255, 255, 255); background: url() center center / auto no-repeat rgb(240, 247, 255);"></div>-->
                <!--<div data-v-4d4421b7="" class="text-fix" style="top: 141px; left: 369px; color: rgb(255, 255, 255);"><p-->
                        <!--data-v-4d4421b7="" class="text-fix-title">-->
                    <!--快乐-->
                    <!--<i data-v-4d4421b7="" class="icon1"></i> 童年-->
                <!--</p>-->
                    <!--<div data-v-4d4421b7="" class="text-fix-desc"><p data-v-4d4421b7=""> 童年就像河里的一束束浪花，</p>-->
                        <!--<p data-v-4d4421b7=""> 有水平如镜的平静，有微微泛起的涟漪，</p>-->
                        <!--<p data-v-4d4421b7=""> 也有汹涌澎湃的波涛；</p>-->
                        <!--<p data-v-4d4421b7=""> 童年也似生活之中必须饮用的开水，</p>-->
                        <!--<p data-v-4d4421b7=""> 有香甜，有苦辣。</p></div>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div data-v-4d4421b7="" class="page-item" style="background: rgb(255, 255, 255); ">-->
                <!--<div data-v-4d4421b7="" class="ornament"-->
                     <!--style="top: 0px; left: 501px; width: 103px; height: 92px; background: url(https://file.woniukid.cn/group01/M00/04/65/rBAABV0eus-EIn-aAAAAAEoiCf0114.png) center center / cover no-repeat;"></div>-->
                <!--<div data-v-4d4421b7="" class="ornament"-->
                     <!--style="top: 50px; left: 55px; width: 32px; height: 14px; background: url(https://file.woniukid.cn/group02/M00/00/1D/rBAAEF0eus-EeI0FAAAAAHkv7GM483.png) center center / cover no-repeat;"></div>-->
                <!--<div data-v-4d4421b7="" class="ornament"-->
                     <!--style="top: 493px; left: 502px; width: 77px; height: 14px; background: url(https://file.woniukid.cn/group01/M00/04/65/rBAABV0eutCEXmdBAAAAALV-SeE495.png) center center / cover no-repeat;"></div>-->
                <!--<div data-v-4d4421b7="" class="ornament"-->
                     <!--style="top: 701px; left: 43px; width: 77px; height: 14px; background: url(https://file.woniukid.cn/group02/M00/00/1D/rBAAEF0eutCEc6VmAAAAAKtlYh8017.png) center center / cover no-repeat;"></div>-->
                <!--<div data-v-4d4421b7="" class="ornament"-->
                     <!--style="z-index: 2; top: 427px; left: 345px; width: 128px; height: 128px; border-radius: 50%; background: rgb(222, 214, 92);"></div>-->
                <!--<div data-v-4d4421b7="" class="text-edit"-->
                     <!--style="z-index: 2; top: 182px; left: 100px; width: 422px; height: 242px; border: 1px solid rgb(56, 147, 177); color: rgb(51, 51, 51); font-size: 14px;">-->
                    <!--<div data-v-4d4421b7="">-->
                        <!--宝宝今天很乖哦-->
                    <!--</div> &lt;!&ndash;&ndash;&gt;</div>-->
                <!--<div data-v-4d4421b7="" class="text-title"><span data-v-4d4421b7=""-->
                                                                 <!--style="display: inline-block; transform: rotate(-12deg) translateY(12px);">老 </span>-->
                    <!--<span data-v-4d4421b7=""-->
                          <!--style="display: inline-block; transform: rotate(-6deg) translateY(0px);">师 </span> <span-->
                            <!--data-v-4d4421b7="" style="display: inline-block; transform: rotate(6deg) translateY(0px);">语 </span>-->
                    <!--<span data-v-4d4421b7="" style="display: inline-block; transform: rotate(12deg) translateY(12px);">录 </span>-->
                <!--</div>-->
                <!--<div data-v-4d4421b7="" class="uplod-image"-->
                     <!--style="top: 432px; left: 124px; width: 332px; height: 332px; border-radius: 50%; background: url() center center / auto no-repeat rgb(240, 247, 255);"></div>-->
            <!--</div>-->
            <!--<div data-v-4d4421b7="" class="page-item" style="background: rgb(255, 255, 255); ">-->
                <!--<div data-v-4d4421b7="" class="uplod-image"-->
                     <!--style="top: 101px; left: 29px; width: 516px; height: 516px; border: 9px solid rgb(255, 255, 255); background: url() center center / auto no-repeat rgb(240, 247, 255);"></div>-->
                <!--<div data-v-4d4421b7="" class="uplod-image"-->
                     <!--style="top: 101px; left: 29px; width: 516px; height: 516px; border: 9px solid rgb(255, 255, 255); background: url(https://file.woniukid.cn/group01/M00/04/65/rBAABV0eu6yELZoFAAAAAEm1Qvo633.png) center center / cover no-repeat;"></div>-->
                <!--<div data-v-4d4421b7="" class="text-fix"-->
                     <!--style="font-size: 20px; top: 77px; left: 71px; font-weight: bold; color: rgb(56, 147, 177);">HAPPY-->
                    <!--BABY-->
                <!--</div>-->
                <!--<div data-v-4d4421b7="" class="text-fix"-->
                     <!--style="font-size: 18px; top: 547px; left: 424px; color: rgb(102, 102, 102); display: flex; align-items: center;">-->
                    <!--<i data-v-4d4421b7="" class="icon2"></i>小时候-->
                    <!--<i data-v-4d4421b7="" class="icon2"></i></div>-->
                <!--<div data-v-4d4421b7="" class="text-fix"-->
                     <!--style="font-size: 12px; top: 587px; left: 384px; color: rgb(102, 102, 102); text-align: center; width: 220px;">-->
                    <!--<p data-v-4d4421b7="">童年就像河里的一束束浪花，</p>-->
                    <!--<p data-v-4d4421b7="">有水平如镜的平静，有微微泛起的涟漪，</p>-->
                    <!--<p data-v-4d4421b7="">也有汹涌澎湃的波涛；</p>-->
                    <!--<p data-v-4d4421b7="">童年也似生活之中必须饮用的开水，</p>-->
                    <!--<p data-v-4d4421b7="">有香甜，有苦辣。</p></div>-->
            <!--</div>-->
            <!--<div data-v-4d4421b7="" class="page-item" style="background: rgb(124, 188, 203); ">-->
                <!--<div data-v-4d4421b7="" class="uplod-image"-->
                     <!--style="top: 246px; left: 62px; width: 460px; height: 460px; border: 9px solid rgb(255, 255, 255); background: url(https://file.woniukid.cn/group02/M00/00/1D/rBAAEF0eufSEbxsoAAAAAJ09r9Q422.png) center center / auto no-repeat rgb(240, 247, 255);"></div>-->
                <!--<div data-v-4d4421b7="" class="text-fix"-->
                     <!--style="font-size: 20px; top: 53px; left: 315px; font-weight: bold; color: rgb(255, 255, 255);">LOVE-->
                    <!--YOU EVERY DAY-->
                <!--</div>-->
                <!--<div data-v-4d4421b7="" class="text-fix"-->
                     <!--style="font-size: 12px; top: 119px; left: 136px; font-weight: bold; color: rgb(255, 255, 255); text-align: right;">-->
                    <!--<p data-v-4d4421b7="">LOVE YOU EVERY DAY LOVE YOU EVERY DAY</p>-->
                    <!--<p data-v-4d4421b7="">LOVE YOU EVERY DAY</p>-->
                    <!--<p data-v-4d4421b7="">LOVE YOU EVERY DAY LOVE YOU EVERY DAY LOVE YOU EVERY DAY</p></div>-->
            <!--</div>-->
            <!--<div data-v-4d4421b7="" class="page-item" style="background: rgb(255, 255, 255); ">-->
                <!--<div data-v-4d4421b7="" class="uplod-image"-->
                     <!--style="top: 70px; left: 67px; width: 459px; height: 376px; border: 9px solid rgb(255, 255, 255); background: url(https://file.woniukid.cn/group02/M00/00/1D/rBAAEF0eufSEbxsoAAAAAJ09r9Q422.png) center center / auto no-repeat rgb(240, 247, 255);"></div>-->
                <!--<div data-v-4d4421b7="" class="uplod-image"-->
                     <!--style="top: 490px; left: 316px; width: 233px; height: 203px; border: 9px solid rgb(255, 255, 255); background: url(https://file.woniukid.cn/group02/M00/00/1D/rBAAEF0eufSEbxsoAAAAAJ09r9Q422.png) center center / auto no-repeat rgb(240, 247, 255);"></div>-->
                <!--<div data-v-4d4421b7="" class="text-fix" style="top: 525px; left: 73px; color: rgb(102, 102, 102);"><p-->
                        <!--data-v-4d4421b7="" class="text-fix-title">-->
                    <!--小时光-->
                    <!--<i data-v-4d4421b7="" class="icon3"></i> 大快乐-->
                <!--</p>-->
                    <!--<div data-v-4d4421b7="" class="text-fix-desc"><p data-v-4d4421b7="">童年是五彩缤纷的</p>-->
                        <!--<p data-v-4d4421b7="">就像海边漂亮的贝壳；童年是无忧无虑的，</p>-->
                        <!--<p data-v-4d4421b7="">就像整天嬉闹的浪娃娃；童年是纯真甜美的，</p>-->
                        <!--<p data-v-4d4421b7="">就像山溪中清凉的泉水</p></div>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div data-v-4d4421b7="" class="page-item" style="background: rgb(255, 255, 255); ">-->
                <!--<div data-v-4d4421b7="" class="ornament"-->
                     <!--style="top: 57px; left: 168px; width: 330px; height: 45px; background: url(https://file.woniukid.cn/group02/M00/00/1D/rBAAEF0eu-WEQdxXAAAAAF0UuYE833.png) center center / cover no-repeat;"></div>-->
                <!--<div data-v-4d4421b7="" class="ornament"-->
                     <!--style="top: 83px; left: 119px; width: 32px; height: 14px; background: url(https://file.woniukid.cn/group01/M00/04/65/rBAABV0eu-OEHsNuAAAAAHfvmXs363.png) center center / cover no-repeat;"></div>-->
                <!--<div data-v-4d4421b7="" class="ornament"-->
                     <!--style="top: 66px; left: 521px; width: 32px; height: 14px; background: url(https://file.woniukid.cn/group02/M00/00/1D/rBAAEF0eu-SEK3t3AAAAAFF4YdU344.png) center center / cover no-repeat;"></div>-->
                <!--<div data-v-4d4421b7="" class="uplod-image"-->
                     <!--style="top: 140px; left: 35px; width: 533px; height: 526px; border: 9px solid rgb(255, 255, 255); background: url(https://file.woniukid.cn/group02/M00/00/1D/rBAAEF0eufSEbxsoAAAAAJ09r9Q422.png) center center / auto no-repeat rgb(240, 247, 255);"></div>-->
                <!--<div data-v-4d4421b7="" class="uplod-image"-->
                     <!--style="top: 140px; left: 35px; width: 533px; height: 526px; border: 9px solid rgb(255, 255, 255); background: url(https://file.woniukid.cn/group01/M00/04/65/rBAABV0eu-SEWBTpAAAAAMBOVLo498.png) center center / cover no-repeat;"></div>-->
            <!--</div>-->
            <!--<div data-v-4d4421b7="" class="page-item" style="background: rgb(124, 188, 203); ">-->
                <!--<div data-v-4d4421b7="" class="ornament"-->
                     <!--style="top: 81px; left: 115px; width: 427px; height: 287px; background: url(https://file.woniukid.cn/group03/M00/07/1D/rBAAEF0fCEmEDopQAAAAAM5VlDc262.png) center center / cover no-repeat;"></div>-->
                <!--<div data-v-4d4421b7="" class="ornament"-->
                     <!--style="top: 701px; left: 43px; width: 32px; height: 14px; background: url(https://file.woniukid.cn/group02/M00/00/1D/rBAAEF0eus-EeI0FAAAAAHkv7GM483.png) center center / cover no-repeat;"></div>-->
                <!--<div data-v-4d4421b7="" class="ornament"-->
                     <!--style="z-index: 2; top: 381px; left: 31px; width: 54px; height: 54px; border-radius: 50%; background: rgb(222, 214, 92);"></div>-->
                <!--<div data-v-4d4421b7="" class="ornament"-->
                     <!--style="z-index: 2; top: 349px; left: 503px; width: 54px; height: 54px; border-radius: 50%; background: rgb(56, 147, 177);"></div>-->
                <!--<div data-v-4d4421b7="" class="uplod-image"-->
                     <!--style="top: 33px; left: 194px; width: 254px; height: 254px; border-radius: 50%; border: 4px solid rgb(255, 255, 255); background: url(https://file.woniukid.cn/group02/M00/00/1D/rBAAEF0eufSEbxsoAAAAAJ09r9Q422.png) center center / auto no-repeat rgb(240, 247, 255);"></div>-->
                <!--<div data-v-4d4421b7="" class="uplod-image"-->
                     <!--style="top: 373px; left: 35px; width: 254px; height: 254px; border-radius: 50%; border: 4px solid rgb(255, 255, 255); background: url(https://file.woniukid.cn/group02/M00/00/1D/rBAAEF0eufSEbxsoAAAAAJ09r9Q422.png) center center / auto no-repeat rgb(240, 247, 255);"></div>-->
                <!--<div data-v-4d4421b7="" class="uplod-image"-->
                     <!--style="top: 367px; left: 351px; width: 219px; height: 219px; border-radius: 50%; border: 4px solid rgb(255, 255, 255); background: url(https://file.woniukid.cn/group02/M00/00/1D/rBAAEF0eufSEbxsoAAAAAJ09r9Q422.png) center center / auto no-repeat rgb(240, 247, 255);"></div>-->
                <!--<div data-v-4d4421b7="" class="text-fix" style="top: 602px; left: 295px; color: rgb(255, 255, 255);"><p-->
                        <!--data-v-4d4421b7="" class="text-fix-title">-->
                    <!--快乐-->
                    <!--<i data-v-4d4421b7="" class="icon1"></i> 童年-->
                <!--</p>-->
                    <!--<div data-v-4d4421b7="" class="text-fix-desc" style="text-align: left;"><p data-v-4d4421b7="">-->
                        <!--童年就像河里的一束束浪花，</p>-->
                        <!--<p data-v-4d4421b7="">有水平如镜的平静，有微微泛起的涟漪，</p>-->
                        <!--<p data-v-4d4421b7="">也有汹涌澎湃的波涛；</p>-->
                        <!--<p data-v-4d4421b7="">童年也似生活之中必须饮用的开水，</p>-->
                        <!--<p data-v-4d4421b7="">有香甜，有苦辣。</p></div>-->
                <!--</div>-->
            <!--</div>-->
            <!--<div data-v-4d4421b7="" class="page-item" style="background: rgb(124, 188, 203); ">-->
                <!--<div data-v-4d4421b7="" class="uplod-image"-->
                     <!--style="top: 160px; left: 82px; width: 500px; height: 478px; background: url(https://file.woniukid.cn/group02/M00/00/1D/rBAAEF0eufSEbxsoAAAAAJ09r9Q422.png) center center / auto no-repeat rgb(240, 247, 255);"></div>-->
                <!--<div data-v-4d4421b7="" class="uplod-image"-->
                     <!--style="top: 0px; left: 0px; width: 604px; height: 783px; background: url(https://file.woniukid.cn/group02/M00/00/1D/rBAAEF0evJuEVlG6AAAAADMcEPw008.png) center center / cover no-repeat;"></div>-->
            <!--</div>-->
            <!--<div data-v-4d4421b7="" class="page-item"-->
                 <!--style="background: url(https://file.woniukid.cn/group01/M00/04/65/rBAABV0eufSEcAGCAAAAAF5PBLU683.png) center center / cover no-repeat; "></div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->
<!--</div>-->


</body>
</html>